<%--
  Created by IntelliJ IDEA.
  User: liu
  Date: 2022/11/3
  Time: 20:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/jiejie_logo_s.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/query.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <title>影院热映大片_热映电影票房_高清电影影视大全-杰杰电影-搜索</title>
</head>
<body>
<div class="query">
    <!-- 头部导航 -->
    <div class="header">
        <div class="header-inner">
            <div class="nav">
                <!-- logo -->
                <div class="logo">
                    <a href=""><img src="${pageContext.request.contextPath}/img/jiejie_logo.png" alt=""></a>
                </div>
                <div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/films.jsp">电影</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/cinema.jsp">影院</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/orderby">榜单</a></div>
                </div>
                <form action="query" method="get" >
                    <div class="search-form">
                        <input type="text" class="search-text" name="movieName" value="">
                        <input type="hidden"  name="pageNum" value="1">
                        <input class="search-img" value="" type="submit">
                    </div>
                </form>
                <div class="head-user">
                    <a href="home_login.html" class="loginBtn">登录</a>
                    <a href="home_regist.html" class="loginBtn">注册</a>
                </div>
                <div class="user-info">
                    <div class="user-avatar has-login">


                        <img src="https://img.meituan.net/maoyanuser/8b5a75c66ef4efb62fb695631b13419212452.png">
                        <ul class="user-menu yes-login-menu">
                            <li class="text"><a href="">我的订单</a></li>
                            <li class="text login-name" ><a href="javascript:void 0">基本信息</a></li>
                            <li class="text"><a href="javascript:void 0" class="J-logout" data-act="logout-click">退出登录</a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 避免下面的块上移 -->
    <div class="header-m"></div>

    <div class="search-box">
        <form  class="search-form"  action="query" method="get">
            <input class="kw" style="outline:none" type="text" name="movieName" maxlength="32" placeholder="找电影" autocomplete="off" value="${movieName}">
            <input type="hidden"  name="pageNum" value="1">
            <button class="text_submit" type="submit"></button>
        </form>
    </div>
    <div class="subnav">
        <ul class="navbar">
            <li>
                <a class="active">影视剧</a>
            </li>
        </ul>
    </div>

    <div class="container">
        <div class="search-result-box">
            <dl class="movie-list">

                <c:forEach items="${list}"  var="movie">
                    <dd>
                        <div type="hidden" datasrc="${movie.movieId}"></div>
                        <div class="movie-item" >
                            <a href="MovieDetail?movieId=${movie.movieId}">
                                <img class="movie-poster"   src="${movie.moviePicture}">
                            </a>
                        </div>

                        <div class="channel-detail movie-item-title" >
                            <a href="MovieDetail?movieId=${movie.movieId}" class="movie-item-cname">${movie.movieCname}</a>
                        </div>
                        <div class="movie-item-subtitle">${movie.movieEname}</div>
                        <div class="absolute-info">
                            <div class="movie-item-cat">${movie.movieType}</div>
                            <div class="movie-item-hours">${movie.movieOpenhours}</div>

                            <div class="movie-item-pub">${movie.movieShowArea}</div>
                            <div class="movie-item-text">上映</div>
                        </div>

                    </dd>
                </c:forEach>

            </dl>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/query.js"></script>
</body>
</html>
